<template>
  <div class="sub-out ">
    <div class="search  border_style bg_style">
      <YsInput class="search-input" clearable @on-focus="clickBlur(true)" @on-blur="clickBlur(false)"
        @on-enter="getBuYunXuQueXian" v-model.trim="pege_param.keyword" placeholder="关键字">
        <YsIcon type="icon iconfont icon-sousuo" @click.native="getBuYunXuQueXian"
          :style="{color: inputFocus?'#405680':'rgba(64,86,128,0.6)'}" slot="suffix" />
      </YsInput>
      <YsButton type="primary" class="searchBtn" @click="getBuYunXuQueXian">查询</YsButton>
      <div class="open-btn">
        <YsButton class="right-between" @click="openModal">新增</YsButton>
      </div>
    </div>
    <proTable ref="subscribeTableDom" class="table-st  border_style bg_style" :loading="page.tableLoad"
      :columns="page.columns" :data="page.data" @clickPage="onClickPage" :current="pege_param.start_recd"
      :total="page.allTotal" :pageSize="pege_param.limit_recd">
    </proTable>
    <pro-dialog class="setdialog" ref="addbyxqx" width="628" :nopadding="true"
      :title="flawTypeflag?'新增不允许缺陷规则':'编辑不允许缺陷规则'">
      <div style="padding: 32px 50px 32px 40px">
        <YsForm ref="byxqxform" :model="ruleBean" :label-width="130" :rules="app_rule">
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="版本名称" prop="rule_name">
                <YsInput size="large" :maxlength="100" v-model="ruleBean.rule_name"></YsInput>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <!-- <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="版本编号" prop="rule_version">
                <YsInput size="large" v-model="ruleBean.rule_version"></YsInput>
              </YsFormItem>
            </YsCol>
          </YsRow> -->
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="设备类型" prop="current_parts">
                <Select class="select-border" size="large" multiple v-model="ruleBean.current_parts">
                  <Option v-for="(item, index) in partInfos" :value="item.id" :key="index">{{ item.ep_name }}</Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="材质" prop="current_materials">
                <Select class="select-border" size="large" multiple v-model="ruleBean.current_materials">
                  <Option v-for="(item, index) in materialInfos" :value="item.id" :key="index">{{ item.mat_name }}
                  </Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="焊接方式" prop="current_beans">
                <Select class="select-border" size="large" multiple v-model="ruleBean.current_beans">
                  <Option v-for="(item, index) in craftInfos" :value="item.id" :key="index">{{ item.cf_name }}</Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="Ⅰ级不允许缺陷">
                <Select class="select-border" size="large" multiple v-model="not_f_one"
                  @on-change="getnotFlawsList($event,1)">
                  <Option v-for="(item, index) in flawTypeInfos" :value="item.id" :key="index">{{ item.type_name }}
                  </Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="Ⅱ级不允许缺陷">
                <Select class="select-border" size="large" multiple v-model="not_f_tow"
                  @on-change="getnotFlawsList($event,2)">
                  <Option v-for="(item, index) in flawTypeInfos" :value="item.id" :key="index">{{ item.type_name }}
                  </Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="Ⅲ级不允许缺陷">
                <Select class="select-border" size="large" multiple v-model="not_f_three"
                  @on-change="getnotFlawsList($event,3)">
                  <Option v-for="(item, index) in flawTypeInfos" :value="item.id" :key="index">{{ item.type_name }}
                  </Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="Ⅳ级不允许缺陷">
                <Select class="select-border" size="large" multiple v-model="not_f_for"
                  @on-change="getnotFlawsList($event,4)">
                  <Option v-for="(item, index) in flawTypeInfos" :value="item.id" :key="index">{{ item.type_name }}
                  </Option>
                </Select>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="文件号">
                <YsInput size="large" :maxlength="50" v-model="ruleBean.rule_file_name"></YsInput>
              </YsFormItem>
            </YsCol>
          </YsRow>
          <YsRow :gutter="16">
            <YsCol span="24">
              <YsFormItem label="备注">
                <YsInput size="large" type="textarea" maxlength="500" placeholder="最长可输入500字符" class="hg100"
                  v-model="ruleBean.remark"></YsInput>
              </YsFormItem>
            </YsCol>
          </YsRow>
        </YsForm>
        <YsRow class="foot-btn" style="margin-top: 10px">
          <YsButton @click="handleCancel()" size="large">关闭</YsButton>
          <YsButton @click="handleOk('byxqxform')" :disabled="btnDisabled" size="large" type="primary">确定</YsButton>
        </YsRow>
      </div>
    </pro-dialog>
  </div>
</template>


<script>
import { mapActions } from "vuex";
export default {
  name: "BuYunXuQueXian",
  data() {
    return {
      btnDisabled: false,
      inputFocus: false,
      partInfos: [],//设备集合
      craftInfos: [],
      materialInfos: [],//材质集合
      flawTypeInfos: [],//缺陷
      pege_param: {
        keyword: "",
        start_recd: 1, //开始数据
        limit_recd: 10, //查询的条数
      },
      ruleBean: {
        rule_name: "",
        rule_type: 1,
        rule_version: "",
        rule_file_name: "",
        remark: "",
        current_beans: [],
        rule_parts: [],
        rule_materials: [],
        current_parts: [], //备用属性
        current_materials: [], //备用属性
      },
      not_flaws: [],
      not_f_one: [],
      not_f_tow: [],
      not_f_three: [],

      not_f_for: [],
      curtf_one: [],
      curtf_tow: [],
      curtf_three: [],
      curtf_for: [],
      flawTypeflag: true,
      page: {
        subscribeState: 0,
        tableLoad: false,
        allTotal: 0,
        columns: [
          {
            title: "顺序号",
            width: 80,
            tooltip: true,
            render: (h, params) => {
              return h(
                "span",
                params.index +
                (this.pege_param.start_recd - 1) *
                this.pege_param.limit_recd +
                1
              );
            },
          },
          {
            title: "状态",
            width: 80,
            tooltip: true,
            key: "rule_state",
            render: (h, params) => {
              if (params.row.rule_state == '0') {
                return h('span', {}, '新建')
              }
              if (params.row.rule_state == '1') {
                return h('span', {}, '生效')
              }
              if (params.row.rule_state == '2') {
                return h('span', {}, '失效')
              }
            }
          },
          {
            title: "版本号",
            width: 100,
            tooltip: true,
            key: "rule_version",
          },
          {
            title: "名称",
            width: 120,
            tooltip: true,
            key: "rule_name",
          },
          {
            title: "编号",
            width: 120,
            tooltip: true,
            key: "rule_code",
          },
          {
            title: "设备类型",
            width: 160,
            tooltip: true,
            key: "rule_parts",
            render: (h, params) => {
              return h('div', params.row.rule_parts.map(function (item, index) {
                return h('span', {
                  class: "shebeistyle",
                }, item.ep_name)
              }))
            }
          },
          {
            title: "材质名称",
            width: 160,
            tooltip: true,
            key: "rule_materials",
            render: (h, params) => {
              return h('div', params.row.rule_materials.map(function (item, index) {
                return h('span', {
                  class: "shebeistyle",
                }, item.mat_name)
              }))
            }
          },
          {
            title: "Ⅰ级不允许缺陷",
            width: 160,
            tooltip: true,
            render: (h, params) => {
              return h('div', params.row.oneNotFlawInfos && params.row.oneNotFlawInfos.map(function (item, index) {
                return h('span', {
                  class: item.type_name ? "shebeistyle" : "",
                }, item.type_name)
              }))
            }
          },
          {
            title: "Ⅱ级不允许缺陷",
            width: 160,
            tooltip: true,
            render: (h, params) => {
              return h('div', params.row.twoNotFlawInfos && params.row.twoNotFlawInfos.map(function (item, index) {
                return h('span', {
                  class: item.type_name ? "shebeistyle" : "",
                }, item.type_name)
              }))
            }
          },
          {
            title: "Ⅲ级不允许缺陷",
            width: 160,
            tooltip: true,
            render: (h, params) => {
              return h('div', params.row.threeNotFlawInfos && params.row.threeNotFlawInfos.map(function (item, index) {
                return h('span', {
                  class: item.type_name ? "shebeistyle" : "",
                }, item.type_name)
              }))
            }
          },
          {
            title: "Ⅳ级不允许缺陷",
            width: 160,
            tooltip: true,
            render: (h, params) => {
              return h('div', params.row.fourNotFlawInfos && params.row.fourNotFlawInfos.map(function (item, index) {
                return h('span', {
                  class: item.type_name ? "shebeistyle" : "",
                }, item.type_name)
              }))
            }
          },
          {
            title: "焊接方式",
            width: 160,
            tooltip: true,
            render: (h, params) => {
              return h('div', params.row.rule_craft_beans.map(function (item, index) {
                return h('span', {
                  class: item.cf_name ? "shebeistyle" : "",
                }, item.cf_name)
              }))
            }
          },
          {
            title: "文件号",
            width: 120,
            tooltip: true,
            key: "rule_file_name",
          },
          {
            title: "备注",
            width: 120,
            tooltip: true,
            key: "remark",
          },
          {
            title: "操作",
            tooltip: true,
            width: 150,
            // align: "center",
            // fixed: 'right',
            render: (h, params) => {

              return h("div",
                {
                  attrs: { class: "mouse-on" },
                },
                [
                  h("span", {
                    domProps: {
                      innerText: params.row.rule_state == 1 ? "失效" : params.row.rule_state == 2 || params.row.rule_state == 0 ? "生效" : "",
                    },
                    style: {
                      display: params.row.rule_state == 2 ? "none" : "inline-block",
                      margin: "0 6px 0 0 ",
                    },
                    class: "textColor",
                    on: {
                      click: (event) => {
                        if (params.row.rule_state == 2 || params.row.rule_state == 0) {
                          this.handleEffect(params.row, 1)
                        }
                        if (params.row.rule_state == 1) {
                          this.handleEffect(params.row, 2)
                        }
                        event.stopPropagation();
                      },
                    },
                  }),

                  h("span", {
                    domProps: {
                      innerText: "复制",
                    },
                    style: {
                      display: (params.row.rule_state == 0) ? "none" : "inline-block",
                      margin: "0 6px  0 0 ",
                    },
                    class: "textColor",
                    on: {
                      click: (event) => {
                        this.handleCopyItem(params.row);
                        event.stopPropagation();
                      },
                    },
                  }),
                  h("span", {
                    domProps: {
                      innerText: "修改",
                    },
                    style: {
                      display: params.row.rule_state == 2 || params.row.rule_state == 1 ? "none" : "inline-block",
                      margin: "0  6px 0 0",
                    },
                    class: "textColor",
                    on: {
                      click: (event) => {
                        this.getSheBeiBuWei()
                        this.getCaiZhiWeiHu()
                        this.getHanJieGongYi()
                        this.getQueXianLeiXing()

                        this.exitZongBuYunXuQueXianItem(params.row);
                        event.stopPropagation();
                      },
                    },
                  }),
                  h("span", {
                    domProps: {
                      innerText: "删除",
                    },
                    style: {
                      margin: "0  6px 0 0",
                      display: params.row.rule_state == 1 ? "none" : "inline-block",
                    },
                    class: "textColor",
                    on: {
                      click: (event) => {
                        this.handleDlelteItem(params.row);
                        event.stopPropagation();
                      },
                    },
                  }),
                ]
              );
            },
          },
        ],
        data: [],
      },
      app_rule: {
        rule_name: [
          { required: true, message: "版本名称不能为空", trigger: "blur" },
        ],
        // rule_version: [
        //   { required: true, message: "版本编号不能为空", trigger: "blur" },
        //   { pattern: /^[a-z0-9]+$/i, message: "只能输入字母和数字", trigger: "blur" }
        // ],
        current_parts: [
          { required: true, type: 'array', message: "设备类型不能为空", trigger: "blur" },
        ],
        current_materials: [
          { required: true, type: 'array', message: "材质不能为空", trigger: "blur" },
        ],
      },
    };
  },

  methods: {
    ...mapActions(["setNotFlawAdd", "getPageAllCraft", "setNotFlawEdit", "setNotFlawDelete", "setNotFlawList", "setNotFlawCopy", "getPageEquMaterial", "getqxjcPageFlawType", "getPageEquPart", "getZhwhRuleUse"]),
    //获取服务列表
    getBuYunXuQueXian() {
      let _this = this;
      this.page.tableLoad = true;
      _this.setNotFlawList(this.pege_param).then((res) => {
        let { data, msg, scode, status } = res;
        _this.page.tableLoad = false;
        if (status === "ok") {
          this.page.data = data.ruleNotFlawBeans;
          this.page.allTotal = data.all_recd;
        } else {
          _this.$YsMessage.error(msg);
          this.page.data = [];
          this.page.allTotal = 0;
        }
      }).catch((err) => {
        _this.page.tableLoad = false;
        _this.$YsMessage.error("获取数据失败");
      });
    },
    //分页
    onClickPage(pageNum) {
      this.pege_param.start_recd = pageNum;
      this.getBuYunXuQueXian();
    },
    //打开模态框
    openModal() {
      this.$refs.byxqxform.resetFields()
      this.flawTypeflag = true
      this.ruleBean = this.$options.data().ruleBean
      this.not_flaws = this.$options.data().not_flaws
      this.not_f_one = this.$options.data().not_f_one
      this.not_f_tow = this.$options.data().not_f_tow
      this.not_f_three = this.$options.data().not_f_three
      this.not_f_for = this.$options.data().not_f_for
      this.getSheBeiBuWei()
      this.getCaiZhiWeiHu()
      this.getHanJieGongYi()
      this.getQueXianLeiXing()
      this.$refs.addbyxqx.show()
    },
    //确定
    handleOk(name) {
      this.$refs[name].validate((valid) => {
        if (valid) {
          if (this.flawTypeflag) {
            this.addNotAllowItem()
          } else {
            this.exitNotAllowItem()
          }
        }
      });
    },
    //取消
    handleCancel() {
      this.$refs.addbyxqx.close()
    },
    //获取参数
    getParam() {
      let partInfo_array = []
      let materialInfo_array = []//材质集合
      let beans_array = []//焊接方式
      this.ruleBean.current_parts.map(v => { partInfo_array.push({ part_id: v }) })
      this.ruleBean.current_materials.map(v => { materialInfo_array.push({ mat_id: v }) })

      this.ruleBean.current_beans.map(v => { beans_array.push({ craft_id: v }) }) //焊接方式

      this.ruleBean.rule_parts = partInfo_array
      this.ruleBean.rule_materials = materialInfo_array
      this.ruleBean.rule_craft_beans = beans_array

      if (this.curtf_one.length == 0) { this.curtf_one[0] = { flaw_level: 1, remaek: "delAll" } }
      if (this.curtf_tow.length == 0) { this.curtf_tow[0] = { flaw_level: 2, remaek: "delAll" } }
      if (this.curtf_three.length == 0) { this.curtf_three[0] = { flaw_level: 3, remaek: "delAll" } }
      if (this.curtf_for.length == 0) { this.curtf_for[0] = { flaw_level: 4, remaek: "delAll" } }

      this.not_flaws = [...this.curtf_one, ...this.curtf_tow, ...this.curtf_three, ...this.curtf_for];
      this.btnDisabled = true
    },
    //不允许缺陷新增
    async addNotAllowItem() {
      let _this = this
      await _this.getParam()
      _this.setNotFlawAdd({ ruleBean: _this.ruleBean, not_flaws: _this.not_flaws }).then((res) => {
        let { data, msg, scode, status } = res;
        setTimeout(function () {
          _this.btnDisabled = false
        }, 500)
        if (status === "ok") {
          _this.$YsMessage.success(data.message_text)
          _this.$refs.addbyxqx.close()
          _this.getBuYunXuQueXian()
        } else {
          _this.$YsMessage.error(msg);
        }
      }).catch((err) => {
        this.btnDisabled = false
      });
    },
    //不允许缺陷编辑
    async exitNotAllowItem() {
      let _this = this
      await this.getParam()
      _this.setNotFlawEdit({ ruleBean: _this.ruleBean, not_flaws: _this.not_flaws }).then((res) => {
        let { data, msg, scode, status } = res;
        this.btnDisabled = false
        if (status === "ok") {
          _this.$YsMessage.success(data.message_text)
          _this.$refs.addbyxqx.close()
          _this.getBuYunXuQueXian()
        } else {
          _this.$YsMessage.error(msg);
        }
      }).catch((err) => {
        this.btnDisabled = false
      });
    },
    //不允许缺陷删除操作
    handleDlelteItem(item) {
      let _this = this;
      this.$YsModal.confirm({
        title: "删除",
        content: "<p>确认是否删除！</p>",
        onOk: () => {
          _this.setNotFlawDelete({ ruleBean: { id: item.id } }).then((res) => {
            let { data, msg, scode, status } = res;
            if (status === "ok") {
              _this.$YsMessage.success("删除成功");
              _this.getBuYunXuQueXian();
            } else {
              _this.$YsMessage.error(msg);
            }
          }).catch((err) => {
            _this.$YsMessage.error("删除失败");
          });
        },
      });
    },
    //拷贝
    handleCopyItem(item) {
      let _this = this
      let newNotFlaw = [...item.oneNotFlawInfos, ...item.twoNotFlawInfos, ...item.threeNotFlawInfos, ...item.fourNotFlawInfos];
      let not_flaws = newNotFlaw.map(v => {
        return { flaw_level: v.flaw_level, flaw_type_id: v.flaw_type_id }
      })
      _this.setNotFlawCopy({ ruleBean: { id: item.id }, not_flaws: not_flaws }).then((res) => {
        let { data, msg, scode, status } = res;
        if (status === "ok") {
          _this.$YsMessage.success(data.message_text)
          _this.getBuYunXuQueXian()
        } else {
          _this.$YsMessage.error(msg);
        }
      })
    },
    //获取设备类型select
    getSheBeiBuWei() {
      let _this = this;
      _this.getPageEquPart({ limit_recd: 99999 }).then((res) => {
        let { data, msg, scode, status } = res;
        if (status === "ok") {
          this.partInfos = data.partInfos

        } else {
          _this.$YsMessage.error(msg);
        }
      }).catch((err) => {
        _this.$YsMessage.error("获取数据失败");
      });
    },
    //获取材质select
    getCaiZhiWeiHu() {
      let _this = this;
      _this.getPageEquMaterial({ limit_recd: 99999 }).then((res) => {
        let { data, msg, scode, status } = res;
        if (status === "ok") {
          this.materialInfos = data.materialInfos;
        } else {
          _this.$YsMessage.error(msg);
        }
      }).catch((err) => {
        _this.$YsMessage.error("获取数据失败");
      });
    },
    //获取缺陷select
    getQueXianLeiXing() {
      let _this = this;
      _this.getqxjcPageFlawType({ limit_recd: 99999 }).then((res) => {
        let { data, msg, scode, status } = res;
        if (status === "ok") {
          this.flawTypeInfos = data.flawTypeInfos;
        } else {
          _this.$YsMessage.error(msg);
        }
      }).catch((err) => {
        _this.page.tableLoad = false;
        _this.$YsMessage.error("获取数据失败");
      });
    },
    //焊接方式
    getHanJieGongYi() {
      let _this = this;
      _this.getPageAllCraft({}).then((res) => {
        let { data, msg, scode, status } = res;
        if (status === "ok") {
          this.craftInfos = data.craftInfos;
        } else {
          _this.$YsMessage.error(msg);
        }
      }).catch((err) => {
        _this.$YsMessage.error("获取数据失败");
      });
    },
    //获取数据
    getnotFlawsList(item, number) {
      if (number == 1) {
        this.curtf_one = []
        item.map(v => {
          this.curtf_one.push({ flaw_level: number, flaw_type_id: v })
        })

      }
      if (number == 2) {
        this.curtf_tow = []
        item.map(v => {
          this.curtf_tow.push({ flaw_level: number, flaw_type_id: v })
        })
      }
      if (number == 3) {
        this.curtf_three = []
        item.map(v => {
          this.curtf_three.push({ flaw_level: number, flaw_type_id: v })
        })
      }
      if (number == 4) {
        this.curtf_for = []
        item.map(v => {
          this.curtf_for.push({ flaw_level: number, flaw_type_id: v })
        })
      }
    },
    //修改
    exitZongBuYunXuQueXianItem(item) {
      this.$refs.byxqxform.resetFields()
      this.flawTypeflag = false
      this.ruleBean = {
        id: item.id,
        rule_type: 1,
        rule_name: item.rule_name,
        rule_version: item.rule_version,
        rule_file_name: item.rule_file_name,
        remark: item.remark,
        rule_parts: [],
        rule_materials: [],
        current_parts: item.rule_parts ? item.rule_parts.map(v => v.part_id) : [],
        current_materials: item.rule_materials ? item.rule_materials.map(v => v.mat_id) : [], //备用属性
        current_beans: item.rule_craft_beans ? item.rule_craft_beans.map(v => v.craft_id) : [], //焊接方式集合
      }
      this.not_f_one = item.oneNotFlawInfos ? item.oneNotFlawInfos.map(v => v.flaw_type_id) : []
      this.not_f_tow = item.twoNotFlawInfos ? item.twoNotFlawInfos.map(v => v.flaw_type_id) : []
      this.not_f_three = item.threeNotFlawInfos ? item.threeNotFlawInfos.map(v => v.flaw_type_id) : []
      this.not_f_for = item.fourNotFlawInfos ? item.fourNotFlawInfos.map(v => v.flaw_type_id) : []
      this.$refs.addbyxqx.show()
    },
    //不允许缺陷生效失效
    handleEffect(item, state) {
      let _this = this
      let ruleInfo = {
        id: item.id,
        rule_state: state,
        rule_type: 1,
        rule_parts: item.rule_parts && item.rule_parts.map(v => { return { part_id: v.part_id } }),
        rule_materials: item.rule_materials && item.rule_materials.map(v => { return { mat_id: v.mat_id } }),
        rule_craft_beans: item.rule_craft_beans && item.rule_craft_beans.map(v => { return { craft_id: v.craft_id } })
      }
      _this.getZhwhRuleUse({ ruleInfo: ruleInfo }).then((res) => {
        let { data, msg, scode, status } = res;
        if (status === "ok") {
          _this.$YsMessage.success(data.message_text)
          _this.getBuYunXuQueXian()
        } else {
          _this.$YsMessage.error(msg);
        }
      })
    },
    //获取焦点失去焦点
    clickBlur(flag) {
      this.inputFocus = flag
    }
  },
  mounted() {
    this.getBuYunXuQueXian();
  },
};
</script>
<style lang="less" scoped>
.search {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 72px;
  border: 1px solid #cfd7e5;
  border-radius: 4px;
  margin-bottom: 8px;

  .open-btn {
    margin-left: auto;
  }

  .search-input {
    height: 40px;
    width: 208px;
    margin-right: 10px;
    border-radius: 4px;
  }

  .search-btn {
    margin-left: auto;
  }
}

/deep/.setAllStyle {
  width: 81px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
}

/deep/.shebeistyle {
  padding: 2px 10px;
  border-radius: 10px;
  color: #fff;
  background: rgba(0, 145, 255, 1);
}

/deep/ .textColor {
  // color: '#0091FF';
  color: #0091ff;
  cursor: pointer;

  &:hover {
    opacity: 0.8;
  }
}

/deep/ .textColor2 {
  color: "#0091FF";
  cursor: pointer;

  &:hover {
    color: #d53939;
  }
}

.setdialog {
  /deep/ .ivu-modal {
    top: 5%;
  }
}

/deep/ .hg100 {
  textarea {
    height: 100px;
  }
}

/deep/ .ivu-table-body {
  height: calc(100% - 59px) !important;
}

/deep/ .ivu-table-fixed-right {
  box-shadow: none !important;
  // box-shadow: -2px 0 6px -2px rgb(0, 0, 0, 0.06);
}

.right-between {
  width: 80px;
  min-width: 80px;
  height: 40px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #0061ff;
  opacity: 1;
  border-radius: 4px;
  color: #0091ff;
  font-size: 16px;
  font-family: PingFang SC;
}

.searchBtn {
  width: 80px;
  min-width: 80px;
  height: 40px;
  font-family: PingFang SC;
}

.table-st {
  border: 1px solid #cfd7e5;
  border-radius: 4px;
}
</style>
